<!DOCTYPE>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/assets/view/base/tag.jsp" %>
<html>
<head>
    <jsp:include page="/assets/view/common/head-meta.jsp"/>
    <title>mrcode博客,纯markdown程序员博客</title>
    <jsp:include page="/assets/view/common/head-ui.jsp"/>
</head>
<body>
<!-- 登录 section -->
<section id="loginContact" class="page-section bg-dark" data-background="images/full-width-images/section-bg-2.jpg"
         style="background-image: url(${contextPath}/assets/img/comm/login-bg.jpg); padding: 60px 0">
    <div class="container relative">
        <div class="row">
            <h2 id="mrcode-index" class="section-title font-alt">
                <a href="/" title="首页">
                    <span class="icon-signin icon-2x">账户登录</span>
                </a>
            </h2>
            ${register}
            <div class="col-md-12 col-sm-12">
                <div class="mt-140 mt-lg-80 mb-140 mb-lg-80">
                    <div class="banner-content center-block">
                        <div id="login_wrap" class="col-md-4 col-md-offset-4 col-sm-12">
                            <form class="form contact-form" id="login_from">
                                <div class="clearfix">
                                    <!-- Name -->
                                    <div class="form-group has-feedback mr-from-line">
                                        <div class="input-group">
                                            <div class="input-group-addon"><span class="glyphicon glyphicon-user"> </span></div>
                                            <input id="account" name="account" type="text" class="input-md round form-control"
                                                   autofocus="autofocus" placeholder="请输入账户"
                                                   class="form-control" value="${account}" maxlength="12"/>
                                            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <!-- password -->
                                    <div class="form-group has-feedback mr-from-line">
                                        <div class="input-group">
                                            <div class="input-group-addon"><span class="icon-key"></span></div>
                                            <input name="password" class="input-md round form-control" type="password"
                                                   placeholder="请输入密码"
                                                   value="${password}" maxlength="12"/>
                                            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                                        </div>
                                    </div>
                                    <!-- Send Button -->
                                    <div class="align-center">
                                        <button class="submit_btn btn btn-mod btn-w btn-medium btn-round" id="login_submit"
                                                btnName="登录">
                                            登陆
                                        </button>
                                    </div>
                                </div>
                            </form>
                            <div class="clearfix">
                                <div class="cf-left-col col-md-6">
                                    <div class="pt-20 text-center">
                                        <a id="btn_wjpsd" href="javascritp:;" data-toggle="tooltip" data-placement="top"
                                           title="该功能正在开发中...">忘记密码?</a>
                                    </div>
                                </div>
                                <div class="cf-right-col col-md-6">
                                    <div class="pt-20 text-center">
                                        <a href="${contextPath}/account/register">注册账户</a>
                                    </div>
                                </div>
                            </div>
                            <hr class="section-divider-w">
                            <div class="text-center"><span class="icon-exclamation-sign text-info"></span> 快速登陆/注册或则快速绑定账户</div>
                            <div class="clearfix" id="qqlogin">

                            </div>
                        </div>
                        <div id="qqlogin_success_wrap" class="col-md-4 col-md-offset-4 hidden_my col-sm-12 row">
                            <div id="qqlogin_success" class="clearfix align-center"></div>
                            <br/>
                            <div class="alert alert-info alert-dismissible" role="alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                                        aria-hidden="true">&times;</span></button>
                                感谢您使用QQ快速登录，本博客需要一个唯一的用户名作为博客网址，请按以下情况选择绑定账户
                            </div>
                            <div id="account_bd_warp" class="clearfix hidden_my">
                                <form id="bdqq-from" class="form contact-form">
                                    <div class="clearfix pt-20 pb-20">
                                        <div class="col-md-6 col-sm-6 text-center left">
                                            <input name="bduser" type="radio" class="round" value="1" checked/><span>新账户绑定</span>
                                        </div>
                                        <div class="col-md-6 col-sm-6 text-center right">
                                            <input name="bduser" type="radio" class="round" value="2"/><span>已有账户绑定</span>
                                        </div>
                                    </div>
                                    <div class="clearfix">
                                        <!-- Name -->
                                        <div class="form-group has-feedback">
                                            <input id="bdAccount" name="account" type="text" class="input-md round form-control"
                                                   autofocus="autofocus" placeholder="请输入您喜爱的账户"
                                                   value="${account}" maxlength="12"/>
                                            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                                        </div>
                                        <!-- password -->
                                        <div class="form-group has-feedback" id="badPassword-warp" style="display: none">
                                            <input id="badPassword" name="password" class="input-md round form-control"
                                                   type="password" placeholder="请输入密码"
                                                   value="${password}" maxlength="12"/>
                                            <span class="glyphicon form-control-feedback" aria-hidden="true"></span>
                                        </div>
                                        <!-- Send Button -->
                                        <div class="align-center">
                                                    <span id="btn-qqbd" class="submit_btn btn btn-mod btn-w btn-medium btn-round">
                                                        绑定账户
                                                    </span>
                                        </div>
                                        <p class="tip_p"><span class="icon-exclamation-sign text-danger"></span>
                                            该账户将作为您的博客域名，请谨慎填写，如：您的账户是：<strong class="text-success">mrcode</strong>，您的博客地址是：http://www.mrcode.cn/<strong
                                                    class="text-success">mrcode</strong></p>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</section>
</body>
<!-- End 登录 section -->
<!-- ********* bootstrap start ********* -->
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="/assets/lib/jquery/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="/assets/lib/bootstrap/js/bootstrap.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="/assets/lib/bootstrap/js/html5shiv.min.js"></script>
<script src="/assets/lib/bootstrap/js/respond.min.js"></script>
<![endif]-->
<!-- ********* bootstrap end ********* -->

<script type="text/javascript" src="/assets/lib/mrcode/poplayer/poplayer.js"></script>
<script type="text/javascript" src="/assets/lib/jquery.validate.js"></script>
<script type="text/javascript" src="${basePath}/assets/js/common/comm.js"></script>
<script type="text/javascript" src="${basePath}/assets/js/common/fieldValidate.js"></script>
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101316278" charset="utf-8"></script>
<script type="text/javascript" src="${basePath}/assets/lib/mrcode/ui.js"></script>
<script type="text/javascript" src="${basePath}/assets/js/login.js"></script>
<script>
    Login.init({
        account: '${account}'
    })
</script>
</html>